{{! Map (ADR 0043): a cover (the owner's picture or a light map pattern, a pin, a Button element's look) until a visitor asks; view.js then puts the map service's page there (only for the allowed map services). Nothing loads from the map service before. The link to the owner's place works without the script. }}
<div {{@attrs}}><div class="sv-map__frame" data-sv-map="{{embed}}" data-sv-map-title="{{mapTitle}}">{{#picture.url}}<img class="sv-map__picture wp-image-{{picture.id}}" src="{{picture.url}}" alt=""{{#picture.width}} width="{{picture.width}}" height="{{picture.height}}"{{/picture.width}} loading="lazy" decoding="async">{{/picture.url}}<div class="sv-map__cover"><span class="sv-map__pin" aria-hidden="true"></span>{{#embed}}<div class="sv-button sv-button--variant-primary sv-button--size-md sv-map__show"><button class="sv-button__control" type="button"{{@edit buttonLabel}}>{{buttonLabel}}</button></div>{{#note}}<p class="sv-map__note"{{@edit note}}>{{note}}</p>{{/note}}{{/embed}}{{#link.url}}<a class="sv-map__open" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}{{@edit linkLabel}}>{{linkLabel}}</a>{{/link.url}}</div></div></div>